<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/fiveelement.css">
    <title>五行命运定理</title>
</head>

<body ng-app="app">
	<div class="zhiz"><img src="../images/zz.png"></div>
	<div class="row main">
		<img src="../images/wx.png" alt="五行" width="50%" height="50%">
	</div>

	<div class="waitDiv"></div>
	<div class="row">
		<div class="col-xs-9">
			<div class="xb">
				<span>性别：</span>
				<span class='hover' v=0>男</span>
				<span v=1>女</span>
			</div>
			<div class="choose">
				<span class="hover">数字</span>
				<input type="checkbox" style="zoom:110%; width:80px; height:80px;"> 
				<span>硬币<span>
			</div>
		</div>
		<div class="col-xs-3">
			<button onclick="animation.getRes()" class="btn-danger" style="height:280px;">提交</button>
		</div>
	</div>

	<div class="nb" ng-controller="nbController">
		<span>数字：</span>
		<select>
			<option ng-repeat="n in nbname">{{n}}</option>
		</select>
	</div>

	<div class='yb' ng-controller="nbController">
		<div>
			<span ng-repeat="n in ybcount" class="hover">正</span>
		</div>
		<div>
			<input ng-repeat="n in ybcount" type="checkbox" style="zoom:110%; width:80px; height:80px; margin-right:65px;"> 
		</div>
		<div>
			<span ng-repeat="n in ybcount">反</span>
		</div>
	</div>

	<script src="http://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="http://cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script type="text/javascript" src="../js/fiveelement.js"></script>
</body>
